<template>
  <view class="privacy-page">
    <view class="header">
      <text class="title">隐私政策</text>
      <text class="subtitle">最后更新日期：2023年11月15日</text>
    </view>
    
    <scroll-view class="content" scroll-y>
      <view class="section">
        <text class="section-title">一、引言</text>
        <text class="section-content">
          我们高度重视您的隐私保护。本隐私政策说明了我们如何收集、使用、存储和保护您的个人信息。\n
          请您在使用我们的服务前，仔细阅读并了解本隐私政策。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">二、信息收集</text>
        <text class="section-content">
          2.1 我们可能收集的信息包括：\n
          - 注册信息（如手机号、昵称、密码等）\n
          - 设备信息（如设备型号、操作系统版本等）\n
          - 使用数据（如访问时间、使用频率等）\n
          2.2 我们不会收集敏感个人信息，除非获得您的明确同意。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">三、信息使用</text>
        <text class="section-content">
          3.1 我们可能将收集的信息用于以下目的：\n
          - 提供、维护和改进我们的服务\n
          - 保护用户账户安全\n
          - 遵守法律法规要求\n
          3.2 未经您同意，我们不会将您的信息用于其他商业用途。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">四、信息共享</text>
        <text class="section-content">
          4.1 我们不会与第三方共享您的个人信息，除非：\n
          - 获得您的明确授权\n
          - 根据法律法规要求\n
          - 为保护我们的合法权益\n
          4.2 我们可能使用第三方服务提供商协助提供服务，这些提供商将按照我们的要求处理信息。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">五、信息安全</text>
        <text class="section-content">
          5.1 我们采取合理的安全措施保护您的信息，防止未经授权的访问、使用或泄露。\n
          5.2 尽管有这些安全措施，请注意互联网传输和电子存储并非100%安全。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">六、您的权利</text>
        <text class="section-content">
          6.1 您可以随时访问、更正或删除您的账户信息。\n
          6.2 您可以要求我们停止处理您的个人信息。\n
          6.3 如对本政策有任何疑问，可通过客服渠道联系我们。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">七、政策变更</text>
        <text class="section-content">
          7.1 我们可能不时更新本隐私政策。更新后的政策将在公布后立即生效。\n
          7.2 我们会通过适当方式通知您重大变更，建议您定期查看本政策。
        </text>
      </view>
    </scroll-view>
    
    <view class="footer">
      <button class="agree-btn" @click="goBack">我已阅读并同意</button>
    </view>
  </view>
</template>

<script setup>
const goBack = () => {
  uni.navigateBack({
    delta: 1  // 返回层数，1表示返回上一页
  });
}
</script>

<style scoped>
.privacy-page {
  padding: 20px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  margin-top: 50px;
}

.header {
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
}

.header .title {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-bottom: 8px;
}

.header .subtitle {
  font-size: 12px;
  color: #999;
}

.content {
  flex: 1;
  padding-bottom: 80px;
}

.section {
  margin-bottom: 25px;
}

.section-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #333;
}

.section-content {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  white-space: pre-line;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.agree-btn {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #1276ff;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
  border: none;
}

.agree-btn:active {
  opacity: 0.8;
}
</style>